<!DOCTYPE html>
<html>
<head>
	<title>home</title>
	<link rel="stylesheet" type="text/css" href="lib/bootstrap/dist/css/bootstrap.css">
	
</head>
<style type="text/css">
.progress{
	height: 3px;
	margin: 0px;
	top:0px;
	z-index:1000;
}
.navbar.navbar-default{
	margin-bottom:2px;
}
.navbar.navbar-default .navbar-header{
	padding-right:50px;
	font-family:Courier, "Courier New", monospace;
}
</style>
<body ng-app="webapp">

<div class="progress">
    <div class="progress-bar" role="progressbar"  id="progress-bar"
        aria-valuemin="0" aria-valuemax="100" style="width:0%;">
        
    </div>
</div>
	

	<nav  class="navbar navbar-default" role="navigation"> 
    	<div class="container-fluid" >
		    <div class="navbar-header">
		    	<img src="images/logo1.png" style="height:50px;">
		    </div>
	    <div>
        <ul class=" nav navbar-nav ">
		  <li class="active"><a href="#">首页</a></li>
		  <li><a href="#">购物车</a></li>
		  <li><a href="#">商品分类</a></li>
		  <li><a href="#">收藏夹</a></li>
		  <li><a href="#">我的订单</a></li>
		</ul>
    	<ul class=" nav navbar-nav navbar-right">   
            <li><a href="/register"><span class="glyphicon glyphicon-user"></span> 注册</a></li> 
            <li><a href="/"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li> 
        </ul>   
	</nav> 
<script type="text/javascript" src="lib/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="lib/angular/angular.js"></script>
<script type="text/javascript" src="lib/bootstrap/dist/js/bootstrap.js"></script>
<script type="text/javascript" src="webapp.js"></script>

<script type="text/javascript">
/*$(function(){
	$(".progress .progress-bar").css('width','0px');
	$(".progress .progress-bar").css('width','100%');
});*/
	 document.getElementById("progress-bar").style.width='0px';
 	document.getElementById("progress-bar").style.width='100%';
</script>

</body>
</html>